<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<title>Hr企业</title>
		<link rel="stylesheet" type="text/css" href="../../css/api.css"/>
		<link rel="stylesheet" href="../../css/mui.min.css" />
		<link rel="stylesheet" href="../../css/base.css"/>
		<!--	<link rel="stylesheet" href="../../css/index.css"/>-->
		<style>
			body {
			}
			.mui-table-view-cell > a:not(.mui-btn) {
				padding: 10px;
			}
			.mui-table-view-cell > a:not(.mui-btn) .course-img {
				display: block;
				width: 136px;
				max-width: 136px;
				height: 84px;
				background-image: url(image/course_placehoder.png);
				background-size: 136px 84px;
				border: 1px solid #fff;
				border-radius: 4px;
			}
			.mui-table-view-cell .top-content {
				height: 40px;
				margin-top: 6px;
			}
			.mui-table-view-cell .bottom-content {
				padding-top: 16px;
				height: 44px;
			}
			.mui-table-view-cell > a:not(.mui-btn) .course_title {
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: normal;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				font-size: 14px;
				color: #222;
				line-height: 20px;
			}
			.mui-table-view-cell > a:not(.mui-btn) .subtitle {
				color: #999;
				font-size: 12px;
				overflow: hidden;
				white-space: normal;
				text-overflow: ellipsis;
				line-height: 14px;
			}
			.bottom-content .cell-content-left {
				padding-right: 68px;
				float: left;
			}
			.bottom-content .cell-content-right {
				padding-top: 10px;
				width: 68px;
				height: 42px;
				float: right;
				position: absolute;
				right: 10px;
				top: 50px;
			}
			.tag-img {
				width: 12px;
				height: 12px;
				margin-right: 4px;
			}
		</style>
	</head>
	<body>
	<div id="mian">
		<ul id="cView" class="mui-table-view">
			<!--<li class="mui-table-view-cell mui-media li-padding-10">
				<a href="javascript:;"  class="li-padding-10"> <img class="mui-media-object mui-pull-left course-img" src="../../image/course_placehoder.png"/>
				<div class="mui-media-body top-content">
					<p class="course_title">
						企业名称企业名称企业名称企业名称企业名称企业名称企业名称企业名称企业名称企业名称企业名称企业名称企业名称企业名称企业名称企业名称企业名称企业名称企业名称企业名称企业名称企业名称
					</p>
				</div>
				<div class="mui-media-body bottom-content">
					<p class="mui-ellipsis subtitle">
						<span class="left-span"><img class="tag-img" src="../../image/icon_ren.png">100人</span>
					</p>
				</div> </a>
			</li>
			<li class="mui-table-view-cell mui-media li-padding-10">
				<a href="javascript:;"  class="li-padding-10"> <img class="mui-media-object mui-pull-left course-img" src="../../image/course_placehoder.png"/>
				<div class="mui-media-body top-content">
					<p class="course_title">
						企业名称企业名称企业名称企业名称企业名称企业名称企业名称企业名称企业名称企业名称企业名称企业名称企业名称企业名称企业名称企业名称企业名称企业名称企业名称企业名称企业名称企业名称
					</p>
				</div>
				<div class="mui-media-body bottom-content">
					<p class="mui-ellipsis subtitle">
						<span class="left-span"><img class="tag-img" src="../../image/icon_ren.png">100人</span>
					</p>
				</div> </a>
			</li>-->
		</ul>
		</div>
		<div class="noSign" hidden="hidden" id="noData">
			<img src="../../image/icon_img.png" width="60%">
			<p class="font16 top_15 base_dark_grey" >
				暂无数据
			</p>
		</div>
		<div class="loadFailure" hidden="hidden" id="noNet">
			<img src="../../image/icon_img01.png" width="60%">
			<p class="" >
				数据加载失败
			</p>
			<p>
				请检查您的网络
			</p>
			<button type="button"  onclick="loadData()"class="mui-btn mui-btn-outlined">
				重新加载
			</button>
		</div>
	</body>
	<script type="text/javascript" src="../../script/api.js"></script>
	<script type="text/javascript" src="../../script/MD5.js"></script>
	<script src="../../script/jquery.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="../../script/requestTool.js"></script>
	<script src="../../script/common.js"></script>
	<script type="text/javascript">
	    var page = 1;
		var row = 10;
		var refreshCount = 0;
		apiready = function() {
		 loadNewData();
		 setRefreshHeader();
	     setPullUpRefresh();
		};
		function sendBuriedNotifi(busionessid, pagetype, pagetypeid) {
			var userinfo = {
				uid : $api.getStorage('cfnetppuid'),
				jid : $api.getStorage('cfnetppjid'),
				uname : $api.getStorage('cfnetppusername'),
			}
			var data = {
				busionessid : busionessid,
				pagetype : pagetype,
				pagetypeid : pagetypeid,
				sourceurl : api.pageParam.sourceurl,
				sourcetitle : api.pageParam.sourcetitle,
				accesspageurl : window.location.pathname,
				accesspagetitle : document.title,
				userinfo : userinfo
			}
			SendBehaviorTrajectoriesNotifi_Study(data);
		}

		function loadNewData() {
			page = 1;
			loadData();
		}

		function loadMoreData() {
			page++;
			loadData();
		}

		//获取班级学生列表
		function loadData() {
			showProgress();
			pageParam = api.pageParam;
			var params = {
				jid : $api.getStorage('cfnetppjid'),
				uid : $api.getStorage('cfnetppuid'),
			
				page : page,
				rows : row
			};
//									alert(JSON.stringify(params));
			cfnetppPOST(urlHRcompanylst, params, true, function(data, status) {
//																alert(JSON.stringify(data));
				api.hideProgress();
				api.refreshHeaderLoadDone();
				if (status == 'success') {
					if (data.code == 200) {
						var list = data.json;
						refreshCount = list.length;
						if (list != '' && list.constructor == Array &&list.length > 0) {
							$('#noData').hide();
							$('#noNet').hide();
							$('#mian').show();
							writelist(list, refreshCount);
							
						} else {
							if (page == 1) {
								$('#noData').show();
								$('#noNet').hide();
								$('#mian').hide();
							}
						}
					} else if (data.code = 109) {
						if (page == 1) {
							$('#noData').show();
							$('#noNet').hide();
							$('#mian').hide();
						}
					} else {
						if (page == 1) {
							$('#noData').show();
							$('#noNet').hide();
							$('#mian').hide();
						}
					}
				} else {
					$('#noData').hide();
					$('#noNet').show();
					$('#mian').hide();
				}
			});
		}
		function writelist(datas,len){
		 var chtmls = '';
		  for(var i = 0;i<len;i++){
		     var data = datas[i];
		     var picpath = getpicurl(data.imgs);
		    var chtml = '<li class="mui-table-view-cell mui-media li-padding-10" onclick="openwin(' + data.id +','+"'"+ data.names+"'"+')">'+
				'<a href="javascript:;"  class="li-padding-10"> <img class="mui-media-object mui-pull-left course-img" src="' + picpath+ '"/>'+
				'<div class="mui-media-body top-content">'+
					'<p class="course_title">'+
						data.names+
					'</p>'+
				'</div>'+
				'<div class="mui-media-body bottom-content">'+
					'<p class="mui-ellipsis subtitle">'+
						'<span class="left-span"><img class="tag-img" src="../../image/icon_ren.png">'+data.num+'人</span>'+
					'</p>'+
				'</div> </a>'+
			'</li>'
			chtmls = chtmls + chtml;
		  }
		  if (page == 1) {
				$('#cView').html(chtmls);
			} else {
				$('#cView').append(chtmls);
			}
		}
		function openwin(id,name){
		  api.openWin({useWKWebView:true,
	          name: 'HRJobWind',
	          url: 'HRJobWind.html',
	          pageParam : {
					sourceurl : window.location.pathname,
					sourcetitle : document.title,
					id : id,
					name :name

				}
          });
          sendBuriedNotifi('1',  '实习HR分仓', '262')
		}
	</script>
</html>